<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/Personal-center.css"/>
    <script>
        if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
            var version = parseFloat(RegExp.$1);
            if(version>2.3){
                var phoneScale = parseInt(window.screen.width)/750;
                document.write('<meta name="viewport" content="width=750,initial-scale='+ phoneScale +', minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +',user-scalable=no, target-densitydpi=device-dpi">');
            }else{
                document.write('<meta name="viewport" content="width=750,initial-scale='+ phoneScale +',user-scalable=no, target-densitydpi=device-dpi">');
            }
        }else{
            document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
</head>
<body>
<!--头部登陆 充值 提现-->
<div class="personal">
    <div class="portrait">
        <img src="./img/Personal-center/no-menber.png" alt=""/>
    </div>
    <p class="userName">
        <span class="userName-span">
            陈女士
            <!--砖石会员显示图片-->
            <img src="./img/Personal-center/vip.png" alt=""/>
            <!--砖石会员显示图片-->
            <!--普通会员显示图片-->
            <img src="./img/Personal-center/no-vip.png" alt=""/>
            <!--普通会员显示图片-->
        </span>

    </p>
    <!--充值提现-->
    <div>
        <div class="btn-add"><a href="top-up.html">充值</a></div>
        <div class="btn-get"><a href="withdrawal.html">提现</a></div>
    </div>
    <!--充值提现-->
</div>
<!--头部登陆 充值 提现-->
<!--中间区域-->
<div class="center-container">
    <!--可用余额，代收收益，共赚取收益-->
    <ul class="nav-money">
        <li>
            <p class="font-33 color-oxideRed">0.00</p>
            <p class="font-24">可用余额</p>
        </li>
        <li>
            <p class="font-33 color-gray">0.00</p>
            <p class="font-24">待收收益</p>
        </li>
        <li class="border-0">
            <p class="font-33 color-red">0.00</p>
            <p class="font-24">共赚取收益</p>
        </li>
    </ul>
    <!--可用余额，代收收益，共赚取收益-->
</div>
<!--中间区域-->
<!--下部菜单开始-->
<div class="bottom-container">
    <!--我的投资-->
    <div class="my-investment">
        <p><a href="">我的投资 <img src="./img/Personal-center/right.png" alt=""/></a></p>
    </div>
    <!--我的投资-->
    <div class="pad-l-30">
        <!--资金记录-->
        <div class="capital">
            <p><a href="Money-record.html">资金记录 <img src="./img/Personal-center/right.png" alt=""/></a></p>
        </div>
        <!--资金记录-->
        <!--我的下线-->
        <div class="capital">
            <p><a href="">我的下线 <span class="">分享赚钱进行中！ <img src="./img/Personal-center/right.png" alt="" class="right-img"/></span></a></p>
        </div>
        <!--我的下线-->
        <!--账户安全-->
        <div class="capital border-0">
            <p><a href="Account-security.html">账户安全 <img src="./img/Personal-center/right.png" alt=""/></a></p>
        </div>
        <!--账户安全-->
    </div>

</div>
<!--下部菜单结束-->

<!--底部精选 投资 账户开始-->
<ul class="footer">
    <li class="footer-left">
        <div class="list-img">
            <img src="./img/Personal-center/herrt.png" alt="" class="img1"/>
            <img src="./img/Personal-center/herrt2.png" alt="" class="hide img2"/>
        </div>
        <p>精选</p>
    </li>
    <li class="footer-middle">
        <div class="list-img">
            <img src="./img/Personal-center/price.png" alt="" class="img1"/>
            <img src="./img/Personal-center/price2.png" alt="" class="hide img2" style="margin-top: -1px"/>
        </div>
        <p>投资</p>
    </li>
    <li class="footer-right">
        <div class="list-img">
            <img src="./img/Personal-center/account.png" alt="" class="img1"/>
            <img src="./img/Personal-center/account2.png" alt="" class="hide img2"/>
        </div>
        <p>账户</p>
    </li>
</ul>
<!--底部精选 投资 账户结束-->

</body>
<script src="./js/jquery-1.11.3.min.js"></script>
<script src="./js/Personal-center.js"></script>
</html>